import React, { useMemo } from 'react';
function Content(props) {
  function getContent(value) {
    return value;
  }
  // usememo 接收两个参数 第一个参数是需要执行的函数，第二个参数是依赖项 当这些属性变化了才去执行第一个参数
  // 所以 在子组件中，如果不用useMemo去包裹函数的话 那么父组件只要有state更新也就是只要进行了setState操作，子组件就会更新执行方法
  // 那么对于有些方法我们需要控制不是每次都需要去执行的话需要用useMemo去做这个优化
  // 现在传入了props.count 那么父组件的number 属性改了 这里的这个方法并不会执行 只有count改了才执行
  const useValue = useMemo(() => getContent(props.count), [props.count]);
  return <div>{useValue}</div>;
}

export default Content;
